<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>官网</title>
    <meta name="keywords" content="早点约我,交友,iphone,android,app">
    <meta name="description" content="早点约我,交友介绍。">
    <meta property="wb:webmaster" content="117d30bd757f6535">
    <!-- 每个页面需要继承并添加的样式 start-->
    <link type="text/css" rel="stylesheet" href="images/main.2.0.1.css">
    
<style>
    .wrapper{overflow:hidden}
    .banner{background:#6EBF00;height:540px;padding-top: 120px;}
    .banner .page-1{width: 960px;height: 540px;margin: 0 auto;position:relative;}
    .banner .page-1 .bg{width:1288px;height: 540px;background:#6EBF00 url(images/banner_1.png) 0px 5px no-repeat;}
    .banner a,.banner a:hover{text-decoration: none;cursor: pointer;}
    .banner .play-btn{width: 84px;height: 84px;display: block;background:url(http://cdnst.momocdn.com/static/w5/img/website/play.png) 0 0 no-repeat;left:50%;position: absolute;top: 154px;z-index:2000;margin-left: 114px;cursor:pointer;}
    .banner .play-btn,.banner .play-close-btn{display: block;}
    .banner .play-close-btn{width:52px;height:52px;background:url(http://cdnst.momocdn.com/static/w5/img/website/close.jpg) 0 0 no-repeat;position: absolute;right:0;top:0;z-index:30000;opacity:0;}
    .banner .page-2:hover .play-close-btn{opacity:1;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .banner .play-close-btn {
            right:2px;
        }
    }

    .banner .banner-btn{width: 105px;height:51px;display: block;border:2px solid #fff;font-size:20px;line-height:51px;padding-left:65px;position: absolute}
    .banner .download-btn{color:#267be5;background: #fff url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) 21px -57px no-repeat;top: 341px;left: 50%;margin-left: -478px;}
    .banner .member-center{color:#fff;background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) 20px -163px no-repeat;top: 416px;left: 50%;margin-left: -478px;}
    .banner object{position:relative;z-index:1000;}
    .banner .page-2{position:absolute;z-index:3000;left:629px;top:190px;left:455px\0;top:140px\0;*left:456px;*top:140px;text-align: center;padding:6px;width:0;height:0;background:#0d0d0d;opacity:0;overflow:hidden;-webkit-transition: all 0.3s;transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
    .banner .page-2 .jwlogo{display:none;}
    .banner.videoplaying .page-1 .bg{background:#267be5;}
    .banner.videoplaying .page-2{opacity:1;width: 948px;height: 528px;top:0;left:0;}
    .banner .qr-code-con{width:121px;height:121px;border:2px solid #fff;position:absolute;top: 341px;left: 198px;}
    .banner .qr-code-con .qr-code{margin:12px;}
    .banner .qr-code-con .qr-note{color:#fff;font-size:20px;position:absolute;bottom:-36px;width:100%;text-align:center;}
    .banner .qr-code-con .qr-code img{display:block;width:100%;height:100%;background: #fff;}
    section{width:1200px;margin: 180px auto 0;text-align: center;}
    .tit{font-size:30px;color: #4a4a4a;font-weight: 100;height: 30px;line-height:30px;}
    .tit a{display: block;color: #434343;text-decoration: none;}
    .note{font-size:20px;line-height:20px;color: #6f6f6f;font-weight: 100;margin: 22px 0 80px;}
    .sec-1 {padding-left:10px;}
    .sec-1 li{float: left;margin-right:3px;}
    .sec-1 li img{display: block;}
    .high-blue{color:#007aff;}
    .sec-3 ul{margin: 75px auto 0;width: 1020px;}
    .sec-3 li{float: left;margin-right:10px;width:243px;height:243px;border:1px solid #e4e4e4;color:#8b8a8a;font-family:'Myriad Pro';font-size:18px;background-color:#fff;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
    .sec-3 .icon{width:43px;height:50px;display:block;margin:0px auto 18px;}
    .sec-3 .icon.ios{background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) 0 0 no-repeat;}
    .sec-3 .icon.android{background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) -78px 0 no-repeat;}
    .sec-3 .icon.wp{background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) -155px 0 no-repeat;}
    .sec-3 a{text-decoration: none;display: block;color:#8b8a8a;height:174px;padding-top:70px;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
    .sec-3 li.qr-code img{margin-top:70px}
    .sec-3 li.qr-code p{font-size: 12px;margin-top: -8px;}
    .sec-3 li.down.on {background-color:#007aff;box-shadow: 5px 15px 30px rgba(0,0,0,.3);border-bottom:none;}
    .sec-3 li.down.on a{color:#fff;}
    .sec-3 li.down.on .icon.ios{background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) 0 -110px no-repeat;}
    .sec-3 li.down.on .icon.android{background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) -77px -111px no-repeat;}
    .sec-3 li.down.on .icon.wp{background:url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) -154px -110px no-repeat;}

    .sec-3.download-popup{width:690px;height:374px;background:#ffffff;padding-top:1px;}
    .sec-3.download-popup li{width:134px;height:134px;margin-right:25px;}
    .sec-3.download-popup ul{margin:106px 0px 0px 38px;}
    .sec-3.download-popup a{padding-top:24px;height:110px;}
    .sec-3.download-popup li.qr-code img{margin-top: 15px;}

    .sec-4 {margin-bottom:180px;}
    .sec-4 ul{width: 1020px;margin: 0 auto;}
    .sec-4 li{width: 259px;height:140px;border-left:1px dashed #9d9d9d;text-align: left;padding-left:20px;padding-right:60px;float:left;}
    .sec-4 li .tit{color:#434343;font-size: 22px;position: relative;padding-bottom:5px;}
    .sec-4 li .tit .arrows{background: url(http://cdnst.momocdn.com/static/w5/img/website/icon.png) -176px -69px no-repeat;width: 25px;height: 25px;display: block;position: absolute;right: 0px;top: 7px;}
    .sec-4 li .con{color:#8a8a8a;font-size: 14px;line-height:26px;width: 230px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .sec-4 li .con a{text-decoration: none;color:#8a8a8a;font-size: 14px;}
    .sec-4 li .con a:hover{color:#00A2FF;}
    .screen{width: 200px;height: 345px;position: absolute;left: 50%;margin-left: 29px;top: 218px;overflow:hidden;}
    .scroll-img{position:absolute;}


    /**
     * 照片墙
     */
    div,ul,li,img,dl,dt,dd{margin: 0;padding: 0;}
    .photo-wall{width: 1200px;padding: 0 7px;overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    .wall-pace{width: 392px;list-style: none;overflow: hidden;float: left;position: relative;}
    .wall-pace li{position: relative;float: left;margin: 0 5px 5px 0;overflow: hidden;background: #efefef}
    .wall-last-3{position: absolute !important;top: 151px;}
    .wall-last-4{margin-left: 128px !important;}
    .wall-pace img{width: 100%;height: 100%;position: absolute;top:0;left: 0}
    .wall-pace .sq-sm{width: 145px;height: 145px;}
    .wall-pace .rect-x,.intr-x{width: 235px;height: 146px;}
    .wall-pace .sq-lg{width: 258px;height: 258px;}
    .wall-pace .rect-y{width: 123px;height: 258px;}
    .intr-x,.intr-s{padding: 8px;color: #fff;background: rgb(1,122,255);position: absolute;top: 100%;}
    .intr-x{padding-top: 12px; width: 219px;}
    .intr-s{width: 242px;height: 128px;}
    .wall-pace dl{text-align: left;}
    .wall-pace dt{font-size: 22px;line-height: 44px;}
    .wall-pace dd{font-size: 14px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
    .banner .youku-btn{top: 339px;background: none;color: #fff;width: 125px;margin-left: 96px;cursor: pointer;height: 20px;}
</style>

    <!-- 每个页面需要继承并添加的样式 end-->

    <!-- 每个页面都要引入的脚本 start-->
    <script type="text/javascript" async="" defer="" src="images/piwik.js"></script><script id="__v3__clicki_js_tracker_loader__" type="text/javascript" charset="UTF-8" src="images/clicki.js"></script><script type="text/javascript" async="" charset="utf-8" src="images/10052"></script><script type="text/javascript" src="images/jquery.1.9.1.min.js"></script>

    <!--  兼容IE8以下的HTML5 标签-->
    <!---[if lt IE 8]-->
    <script src="images/html5.js"></script>
    <!--[endif]–-->
    <!-- 每个页面都要引入的脚本 end-->
    
<script src="images/data.js"></script>
<script type="text/javascript">
(function() {
    window._CiQ10052 = window._CiQ10052 || [];
    window._CiQ10052.push(['_cookieUseRootDomain', true]);
    var c = document.createElement('script');
    c.type = 'text/javascript';
    c.async = true;
    c.charset = 'utf-8';
    c.src = '//collect.cn.miaozhen.com/ca/10052';
    var h = document.getElementsByTagName('script')[0];
    h.parentNode.insertBefore(c, h);
})();
</script>
     <style>
    .common-header li .service.business .down-list{
        left: -3px;
    }
</style>   
</head>
<body>


	<style type="text/css">		
* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	background:#fff;
	font:normal 12px/22px 宋体;
	width:100%;
}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	color:#1974A1;
}
#footer {
	text-align:center;
}
.fullSlide {
	width:100%;
	position:relative;
	height:530px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:530px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:530px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}

</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/superslide.2.1.js"></script>

<div class="fullSlide">
  <div class="bd">
    <ul>
      <li _src="url(./images/banner_1.jpg)" style="background:#E2025E center 0 no-repeat;"><!--a target="_blank" href="#"></a--></li>
      <li _src="url(./images/banner_2.jpg)" style="background:#632816 center 0 no-repeat;"><!--a target="_blank" href="#"></a--></li>
      <li _src="url(./images/banner_3.jpg)" style="background:#89bcce center 0 no-repeat;"><!--a target="_blank" href="#"></a--></li>
      <li _src="url(./images/banner_4.jpg)" style="background:#e4b251 center 0 no-repeat;"><!--a target="_blank" href="#"></a--></li>
      <!--li _src="url(./images/banner_5.jpg)" style="background:#FEFF19 center 0 no-repeat;"><a target="_blank" href="#"></a></li-->
    </ul>
  </div>
  <div class="hd">
    <ul>
    </ul>
  </div>
  <span class="prev"></span> <span class="next"></span> </div>
<script type="text/javascript">
jQuery(".fullSlide").hover(function() {
    jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function() {
    jQuery(this).find(".prev,.next").fadeOut()
});
jQuery(".fullSlide").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function(i) {
        var curLi = jQuery(".fullSlide .bd li").eq(i);
        if ( !! curLi.attr("_src")) {
            curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
        }
    }
});
</script>
	
<div class="wrapper"><? require_once 'top.php';?>
    <!--header id="playerbanner" class="banner" style="text-align:center;"><!--img src="images/banner_2.png"-->

	
	
	
	
	
	
	
        
		
		<!--div class="page-1">
            
            <!--div class="screen">
                <img class = "scroll-img" src="images/logo.png">
            </div--><!--            <a class="play-btn youku-btn" href="http://minisite.youku.com/momo/" target="_blank">点击查看更多陌陌故事</a>-->
             <!--/div-->
        <!--/div>
    <!--/header-->
    <section class="sec-1">
        <!--h2 class="tit">总有新奇在身边</h2>
        <p class="note">进入陌陌的世界，去结识那些陌生而有趣的人</p>
        <ul class="clearfix">
            <li><img src="images/item1.jpg"></li>
            <li><img src="images/item2.jpg"></li>
            <li><img src="images/item3.jpg"></li>
            <li><img src="images/item4.jpg"></li>
        </ul--><img src="images/indexbanner2.jpg">
    </section>
    <section class="sec-2">
        <h2 class="tit">让我带走你的孤单  从关爱身边的人做起……</h2><br>
<img src="images/indexbanner.jpg">
    </div>
    </section>
    <section id="mm_downloads" class="sec-3">
        <h2 class="tit">关注我  就是关注了爱你的人……</h2>
        <!--ul class="clearfix">
            <li class="down">
                <a href="http://www.immomo.com/download/ios/?d=&v=&mark=&market=&b=iOS_appstore" class="ciqclickbtn" _client="PC" _page="首页" _position="底部" _name="iphone下载">
                    <i class="icon ios"></i>
                    <p>iPhone</p>
                </a>
            </li>
            <li class="down">
                <a href="http://www.immomo.com/download/momo_apk?d=&v=&mark=&market=&b=android_apk" class="ciqclickbtn" _client="PC" _page="首页" _position="底部" _name="Android下载">
                    <i class="icon android"></i>
                    <p>Android</p>
                </a>
            </li>
            <li class="down">
                <a href="http://www.immomo.com/download/wp_store/?d=&v=&mark=&market=&b=wp_marketplace" class="ciqclickbtn" _client="PC" _page="首页" _position="底部" _name="windowsphone下载">
                    <i class="icon wp"></i>
                    <p>WindowsPhone</p>
                </a>
            </li>
            <li class="qr-code">
                <img src="images/qrcode">
            </li>
        </ul--><img src="images/qrcode_for_gh_616c20b9d0f6_258.jpg">
		<h2 class="tit">Breakfast Pro  早点约我  微信公众平台</h2>
    </section>
    <section class="sec-4">
        <ul class="clearfix">
            <li>
                <p class="tit"><a href="help.php">用户帮助<span class="arrows"></span></a></p>
                <p class="con">在使用中遇到什么疑惑，</p>
                <p class="con">来这里，我们帮你解答</p>
            </li>
            <li>
                <p class="tit"><a href="jobs.php">招聘<span class="arrows"></span></a></p>
                <p class="con">无论你是产品、技术还是设计大师，</p>
                <p class="con">又或者在其他方面有所建树，</p>
                <p class="con">随时欢迎热爱互联网的你，</p>
                <p class="con">与一起创造更好的社交体验</p>
            </li>
            <li>
                <p class="tit"><a href="news.php">约我动态<span class="arrows"></span></a></p>
                                <p class="con"><a href="news.php">这是一个注定不平凡的2015年…… </a></p>

          </li>
        </ul>
    </section>
</div>
<script>
!function(){
        $('#mm_downloads_rightnow').click(function(){
        $("html,body").animate({scrollTop: $("#mm_downloads").offset().top}, 800);
        return false;
    });
        $('.sec-3')
        .on('mouseenter','li',function(){
            $(this).addClass('on');
        })
        .on('mouseleave','li',function(){
            $(this).removeClass('on');
        })
    var index = 0;
    var d = -1;
    var n = 3;
    var t = 300;
    var $img = $('.scroll-img');
    setInterval(function(){
        if(n == 0){
            n = 3;
            d = d * -1;
        }
        index = index + d;
        $img.animate({left :index*200+'px'},350);
        n--;
    },2500)
}();

/*
 * 照片墙
 */
(function() {
    $('.wall-pace').delegate('li', 'mouseenter', function() {
        var className = $(this)[0].className;

        if (className == "rect-x" || className.indexOf("sq-lg") > -1){
            var dlMove = className == "rect-x" ? "0" : "128px";

            $(this).find('dl').stop().animate({
                top: dlMove
            }, 200)
            $(this).find('img').stop().animate({
                top: "-5%"
            }, 200)
        }

    }).delegate('li', 'mouseleave', function() {
        var className = $(this)[0].className;
        if (className == "rect-x" || className.indexOf("sq-lg") > -1){
            $(this).find('dl').stop().animate({
                top: '100%'
            }, 200)
            $(this).find('img').stop().animate({
                top: '0'
            }, 200)
        }
    });
    showImages(IDS,OBJECT);
})();

function showImages(arr,obg){
    var url = 'http://cdnst.momocdn.com/static/w5/img/website/photowall/'
        l = arr.length,
        imgId = [''],
        liArr = $('#photo-wall').find('li');
        
    liArr.each(function (index,c){
        var o = searchKind($(this).attr('class'));
        if (o.intr){
            setImgAndIntr(this,o.kind);
        } else {
            setImg(this,o.kind);
        }
        l--;
    });

    function removeElement(index){
        arr = arr.slice(0,index).concat(arr.slice(index+1,arr.length));
    }

    function getNum(){
        return Math.floor(Math.random()*(l-1)) + 1;
    }

    function searchKind(className){
        var o = {};
        if (className == 'sq-lg' || className == 'sq-lg wall-last-4'){
            o.kind = '1';
            o.intr = true;
        }else if (className == 'sq-sm'){
            o.kind = '1';
            o.intr = false;
        } else if (className == 'rect-x'){
            o.kind = '2';
            o.intr = true;
        } else if (className == 'rect-y' || className == 'rect-y wall-last-3'){
            o.kind = '3';
            o.intr = false;
        }
        return o;
    }

    function setImg(c,kind){
        var index = getNum(),
            path = url+kind+'/'+arr[index]+'.jpg';

        $(c).find('img').attr('src',path);
        removeElement(index);
    }

    function setImgAndIntr(c,kind){
        var index = getNum(),
            path = '',
            _html = '';
        if (OBJECT[arr[index]].n != '' && OBJECT[arr[index]].n != undefined){
            var o = OBJECT[arr[index]];
            path = url+kind+'/'+arr[index]+'.jpg';
            $(c).find('img').attr('src',path);
            _html = '<dt>'+o['n']+'</dt><dd>'+o['a']+'</dd><dd>城市：'+o['h']+'</dd><dd>宣言：'+o['w']+'</dd>';
            $(c).find('dl').html(_html);
            removeElement(index);
        } else {
            setImgAndIntr(c,kind);
        }
    }
}
$('.ciqclickbtn').click(function(){
    var c=$(this).attr('_client');
    var p=$(this).attr('_page');
    var pos=$(this).attr('_position');
    var name=$(this).attr('_name');
    window._CiQ10052 = window._CiQ10052 || [];
    window._CiQ10052.push(['_trackEvent', {
    type: 1,
    labels:[
        {'客户端':c},
        {'页面':p},
        {'位置':pos},
        {'按钮名称':name}
    ],
    values: [
        {'数量':1}
    ]
    }]);
    window.CClickiV3 && window.CClickiV3[10052] && window.CClickiV3[10052]._flushObserver(function(){});
});
</script>
<script type="text/javascript" src="images/swfobject.js"></script>
<script type="text/javascript" src="images/jwplayer.js"></script>
<script type="text/javascript" src="images/jwplayer.html5.js"></script>
<script type="text/javascript" src="images/jwpsrv.js"></script>



    <? require_once 'f.php';?>

<!-- Piwik -->
<script type="text/javascript">  var _paq = _paq || [];  _paq.push(['trackPageView']);  _paq.push(['enableLinkTracking']);  (function() {    var u="//piwik.wemomo.com/";    _paq.push(['setTrackerUrl', u+'piwik.php']);    _paq.push(['setSiteId', 1]);    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);  })();</script>
</body></html>